home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 April / PCWAPR06.iso / Software / Resources / Paint.NET 2.5 / PaintDotNet_2_5.exe / PaintDotNet.msi / _4D2E06D041B3A9AF94AED4385D99C0BC < prev    next >
Encoding:
Text File  |  2005-11-23  |  7.9 KB  |  145 lines
  1. <html>
  2.  
  3. <!-- #BeginTemplate "pdn_help.dwt" -->
  4.  
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  7. <!-- #BeginEditable "title" -->
  8. <title>Paint.NET Help - Levels Adjustment</title>
  9. <!-- #EndEditable -->
  10. <link rel="stylesheet" type="text/css" href="../stylesheet.css">
  11. </head>
  12.  
  13. <body>
  14.  
  15. <div id="banner">
  16.     <img border="0" src="../images/logo.png" width="229" height="73" align="left"><p><b><br>
  17.      </b></p>
  18. </div>
  19. <div id="leftnav">
  20.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  21.         <li><a href="index.html">Overview</a><br>
  22.         </li>
  23.         <li><a href="Features.html">Features</a><br>
  24.         </li>
  25.     </ul>
  26.     <h3>User Interface</h3>
  27.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  28.         <li><a href="KeyboardMouseCommands.html">Keyboard & Mouse Commands</a></li>
  29.         <li><a href="MainWindow.html">Main Window</a></li>
  30.         <li><a href="MenuBar.html">Menu Bar</a>
  31.         <ul class="toc">
  32.             <li><a href="File.html">File</a></li>
  33.             <li><a href="Edit.html">Edit</a></li>
  34.             <li><a href="View.html">View</a></li>
  35.             <li><a href="Image.html">Image</a></li>
  36.             <li><a href="Layers.html">Layers</a>
  37.             <ul class="toc">
  38.                 <li class="comment"><a href="RotateZoom.html">Rotate / Zoom</a></li>
  39.                 <li><a href="Adjustments.html">Adjustments</a>
  40.                 <ul class="toc">
  41.                     <li><a href="Levels.html">Levels</a></li>
  42.                 </ul></li>
  43.             </ul></li>
  44.             <li><a href="Effects.html">Effects</a></li>
  45.             <li><a href="Tools.html">Tools</a></li>
  46.             <li><a href="Window.html">Window</a></li>
  47.             <li><a href="Help.html">Help</a></li>
  48.             <li><a href="Toolbar.html">Toolbar</a></li>
  49.         </ul>
  50.         </li>
  51.         <li><a href="ToolsWindow.html">Tools Window</a><ul class="toc">
  52.             <li><a href="SelectionTools.html">Selection Tools</a></li>
  53.             <li><a href="MoveTools.html">Move Tools</a><br>
  54.             <a href="MagicWand.html">Magic Wand</a><br>
  55.             <a href="Paintbrush.html">Paintbrush</a></li>
  56.             <li><a href="EraserTool.html">Eraser Tool</a></li>
  57.             <li><a href="PixelTools.html">Pixel Tools</a></li>
  58.             <li><a href="ShapeTools.html">Shape Tools</a></li>
  59.             <li><a href="LineCurve.html">Line / Curve Tool</a></li>
  60.             <li><a href="TextTool.html">Text Tool</a></li>
  61.             <li><a href="PaintBucket.html">Paint Bucket</a></li>
  62.             <li><a href="CloneStamp.html">Clone Stamp</a></li>
  63.             <li><a href="RecolorTool.html">Recolor Tool</a></li>
  64.         </ul>
  65.         </li>
  66.         <li><a href="HistoryWindow.html">History Window</a></li>
  67.         <li><a href="LayersWindow.html">Layers Window</a></li>
  68.         <li><a href="ColorsWindow.html">Colors Window</a></li>
  69.         <li><a href="StatusBar.html">Status Bar</a></li>
  70.     </ul>
  71.     </li>
  72.     <h3>Other</h3>
  73.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  74.         <li><a href="FAQ.html">FAQ (Frequently Asked Questions)</a></li>
  75.         <li><a href="UnattendedInstallation.html">Unattended Installation</a></li>
  76.         <li><a href="SystemRequirements.html">System Requirements</a></li>
  77.         <li><a href="WebLinks.html">Web Links</a></li>
  78.         <li><a href="License.html">License</a></li>
  79.     </ul>
  80. </div>
  81. <div id="content">
  82.     <!-- #BeginEditable "content" -->
  83.  
  84.  
  85.     <h2>Levels Adjustment</h2>
  86.     <p>The Levels adjustment can be used to alter the color range (or "exposure") of an image, including gamma adjustments, 
  87.     on a channel-by-channel basis. Most adjustments performed using levels consist of changing a pictures input and output 
  88.     white point, black point, and grey point. The white point of an image is the brightest color that appears in the image, 
  89.     while the black point is the darkest color that will appear in an image. The grey point represents the average color 
  90.     of the entire image.</p>
  91.     <p align="center"><img border="0" src="Images/Levels1.png" width="488" height="256"> </p>
  92.     <p>Each of these color points of an image may be adjusted using Levels. In the dialog above, there are 5 numeric inputs 
  93.     and 5 color swatches. The two along the left side in the 'Input' section indicate the input white and black points. 
  94.     These colors may be adjusted using the numeric inputs, the slider, or by double-clicking on the color swatches. The 
  95.     white point on this side is the color that should be adjusted to become the white point selected on the right side. 
  96.     When the adjustment is performed, colors in the image as bright or brighter than this color will adjust to be equal 
  97.     to the output white point (in the above screenshot, the output white point has been left at its default value, white). 
  98.     Correspondingly, the input black point has been adjusted in the dialog pictured above, so the darkest colors of the 
  99.     output image will be adjusted to be simply black. By adjusting the white point to be slightly darker, we are making 
  100.     that same dark color be as bright as white in the output, and by adjusting the black point to be slightly brighter, 
  101.     we are making those dark colors of the image absolutely black. Also, in the dialog above, the output grey point has 
  102.     been adjusted to be slightly brighter. While this does not effect the whites and blacks of the image, it causes the 
  103.     overall color of the image to be brightened.</p>
  104.     <p align="center"><img border="1" src="../images/LewistonSunset_small.jpg" width="320" height="240">
  105.     <img border="1" src="../images/LewistonSunset_small_Levels1.jpg" width="320" height="240"></p>
  106.     <p>These adjustments end up stretching the range of an image, visible through the histograms on each side of the levels 
  107.     dialog. The histogram on the left indicates the color curve of the image before any adjustment, this histogram represents 
  108.     the amount of an image that is equal to a given color. In the case of the one pictured above, the histogram indicates 
  109.     that a significant portion of the image is nearly black, with a second bulge around 40% brightness. Also, the small 
  110.     spike at the top edge of the input histogram indicates that there is a small portion of the image that is completely 
  111.     white.</p>
  112.     <p>With Level's default settings, the output histogram will be equal to the input histogram. Every adjustment that is 
  113.     performed on the image, however, will cause the output histogram to be updated to represent the changes that will result 
  114.     in the output image. Causing the output histogram to be spread thinner results in an image with higher contrast. Squishing 
  115.     the histogram to a single peak, on the other had, will result in an image with very low contrast. Any of the adjustments 
  116.     between these extremes are possible with levels. In the screenshot above, a significant portion of the image is 'blacked 
  117.     out', resulting in a large spike at the bottom end. The same is true of the top end, where much of the image is 'whited 
  118.     out'. Overall, the histogram has been stretched very thin, as evident from the high contrast present in the image.</p>
  119.     <p>Up to this point, all adjustments have been performed on a all channels, red, green and blue. By using the R, G, 
  120.     B checkboxes (pictured below), individual channels may be adjusted 
  121.     separately (as well as two at a time). In the picture 
  122.     below, the gamma has been adjusted for the green and blue channels at the same time, causing the level of cyan in the 
  123.     image to drop overall. This accentuates the red of the image, as shown in the picture below.</p>
  124.     <p align="center"> <img border="0" src="Images/Levels2.png" width="488" height="256"></p>
  125.     <p align="center"><img border="1" src="../images/LewistonSunset_small.jpg" width="320" height="240">
  126.     <img border="1" src="../images/LewistonSunset_small_Levels2.jpg" width="320" height="240"></p>
  127.  
  128.     <!-- #EndEditable -->
  129.     <h4><br>
  130.     <br>
  131.     </h4>
  132.     <p align="center">
  133.     <font color="#808080" size="1">Copyright <font face="Times New Roman">⌐ 2005 </font>Rick Brewster, Chris Crosetto, Tom 
  134.     Jackson, Michael Kelsey, Brandon Ortiz, Craig Taylor, Chris Trevino, and Luke Walker. Portions Copyright
  135.     <font face="Times New Roman">⌐ 2005 </font>Microsoft Corporation. All Rights Reserved.</font><font size="1"> <br>
  136.     </font>
  137. </div>
  138. </b>
  139.  
  140. </body>
  141.  
  142. <!-- #EndTemplate -->
  143.  
  144. </html>
  145.